<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="js/libs/resize.js"></script>
    <!-- build:css  css/z.min.css-->
    <link rel="stylesheet" href="css/framework7.ios.min.css" />
    <link rel="stylesheet" href="css/f7.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/style/foodDetails.css">
    <title>商品详情</title>
</head>

<body>
    <div class="views">
        <div id="mainView" class="view view-main">
            <div class="navbar navbar-hidden hide"></div>

            <div class="pages">
                <div data-page="repairList" class="page">
                    <div id="page-content" class="page-content">
                        <!--主内容************-->
                        <dev class="page-content">
                            <div id="food-details">

                            </div>
                        </dev>

                    </div>
                    <div class="food-details-footer">
                        <div class="food-footer-item shopping-cart">
                            <a href="javascript:void(0);">加入购物车</a>
                        </div>
                        <div class="food-footer-item directly-buy">
                            <a href="javascript:void(0);">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="popup popup-about">
        <div class="content-block" style="margin:15px 0;" id="order">
            
    </div>
    <!-- Links popover -->
    <!--##############模板加载 报修列表 {{#if isFirstLoad}} {{/if}}#####################-->
    <script type="text/template7" id="tplFoodDetails">
        <div class="swiper-container swiper-1">
                <div class="swiper-pagination"></div>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="{{picImg}}" width="100%" height="180px">
                    </div>
                </div>
            </div>
            <div class="food-details-price">
                <div class="food-details-price-title">{{name}} {{spec}}</div>
                <div class="food-details-price-subtitle">热需商品 急速配送</div>
                <div class="food-details-price-amount">￥ {{price}}</div>
            </div>
            <div class="food-details-select">
                <div class="list-block">
                    <ul>
                        <li>
                            <a href="#" class="item-link item-content">
                                <div class="item-inner">
                                    <div class="item-title">选择 商品数量</div>
                                    <!-- <div class="item-after">Label</div> -->
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="food-details-recommend">
                <h2 class="recommend-title">商品信息</h2>
                <ul class="recommend-info">
                    <li>商品规格：{{spec}}</li>
                    <li>包装方式：袋装</li>
                    <!-- <li>调 味 料： 火锅底料</li> -->
                    <li>存储方式：阴凉干燥处</li>
                </ul>
                <h2 class="recommend-title">商品介绍</h2>
                <div class="recommend-biref">
                    <img src="{{formatImg desciptionImg}}" alt="">
                    
                </div>
            </div>
    </script>
    <script type="text/template7" id="tplOrder">
        <div class="select-food">
                <div class="select-food-item">
                    <img src="{{picImg}}" width="75px" height="75px" alt="">
                    <div>
                        <p class="amount">价格：￥{{price}}/{{spec}}</p>
                        <p>请选择规格数量</p>
                    </div>
                </div>
                <div class="close-popup">
                    <img src="img/icon_close_dialog.png" width="15" height="15" alt="">
                </div>
            </div>
            <div class="select-main">
                <p>购买数量</p>
                <div class="select-number">
                    <div class="sub">-</div>
                    <div class="food-number">1</div>
                    <div class="add">+</div>
                </div>
            </div>
        </div>
        <div class="food-details-footer">
            <div class="food-footer-item shopping-cart">
                <a href="javascript:void(0);">加入购物车</a>
            </div>
            <div class="food-footer-item directly-buy">
                <a href="javascript:void(0);">立即购买</a>
            </div>
        </div>
    </script>
    <!-- 外部依赖 -->
    <!-- <script type="text/javascript" src="js/libs/vconsole.min.js"></script> -->
    <script type="text/javascript" src="js/libs/moment.min.js"></script>
    <script type="text/javascript" src="js/libs/framework7.min.js"></script>
    <script type="text/javascript" src="js/libs/jquery-3.3.1.min.js"></script>
    <!-- 初始化 -->
    <script src="js/init/f7.js"></script>
    <script src="js/init/tplManager.js"></script>
    <!-- 公共方法 -->
    <script src="js/utils/utils.js"></script>
    <!-- ajax -->
    <script src="js/server/http.js"></script>
    <!-- 页面逻辑 -->
    <script src="js/foodDetails.js"></script>
    <script src="js/index.js"></script>
    <!-- endbuild -->

</body>

</html>